﻿<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<script src="../../common/js/productList.js"></script>
	<script src="../../common/js/AjaxJson.js"></script>
	<script src="lib/jquery/1.9.1/jquery.js"></script>
	<title>商品列表</title>

</head>

<body class="pos-r">
<div >
	<nav style="margin-bottom:0px;padding-top: 0px" class="breadcrumb">
		<div >
			<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 商品管理 <span class="c-gray en">&gt;</span> 商品列表
			<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新">
				<i class="Hui-iconfont">&#xe68f;</i></a>
		</div>
	</nav>
	<div class="page-container" style="padding-top: 5px">
		<div class="text-c" style="margin-top: 5px;"> 商品类型：
			<input type="text" name="" id="conType"  style="width:250px" class="input-text">
			商品名称：
			<input type="text" name="" id="conName"  style="width:250px" class="input-text">
			<button name="" id="" class="btn btn-success" onclick="conProduct();">
				<i class="Hui-iconfont">&#xe665;</i> 搜商品
			</button>
		</div>
		<div class="cl pd-5 bg-1 bk-gray mt-20" style="margin-top: 5px;">
					<span class="l">
						<a href="javascript:" id="delSelected" class="btn btn-danger radius">
							<i class="Hui-iconfont">&#xe6e2;
							</i> 批量删除
						</a>
						<a class="btn btn-primary radius" onclick="product_add('添加商品','product-add.html')" href="product-add.html">
							<i class="Hui-iconfont">&#xe600;
							</i> 添加商品
						</a>
					</span>
			<span class="r">&nbsp;&nbsp;&nbsp;&nbsp;报废：<strong id="brokenCount"></strong> 条</span>
			<span class="r">共有数据：<strong id="totalCount"></strong> 条</span>
		</div>
		<div class="mt-20" style="margin-top: 5px;">
			<table  class="table table-border table-bordered table-bg table-hover table-sort" id="tbb">
				<thead>
				<tr class="text-c">
					<th width="2%"><input name="" type="checkbox" id="firstCb"></th>
					<th width="4%">序号</th>
					<th width="8%">商品二维码</th>
					<th width="6%">商品图片</th>
					<th width="6%">类型</th>
					<th width="8%">名称</th>
					<th width="6%">颜色</th>
					<th width="6%">数量</th>
					<th width="8%">生产日期</th>
					<th width="8%">生产厂家</th>
					<th width="4%">租售<br/>信息</th>
					<th width="6%">租价<br/>(元/天)</th>
					<th width="6%">售价<br/>(元)</th>
					<th width="6%">押金<br/>(元)</th>
					<th width="4%">状态</th>
                    <th width="4%">是否<br/>报废</th>
					<th width="8%">操作</th>
				</tr>
				</thead>
				<tbody align="center" id="tbody">

				</tbody>
			</table>
		</div>
		<div >
			<nav aria-label="Page navigation" style="text-align: center;">
				<ul class="pagination" id="pages" style="margin-top:0px;">
					<li id="previous" >
						<a href="#" aria-label="Previous">
							<span aria-hidden="true">&laquo;</span>
						</a>
					</li>
					<li id="next">
						<a href="#" aria-label="Next">
							<span aria-hidden="true">&raquo;</span>
						</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>